<template>
    <div class="card item" v-if="article != undefined">
        <router-link :to="{ name: 'detail', params: { articleId: article.id } }" target="_blank">
            <img :src="article.photoPath" class="card-img-top" />
            <div class="card-body">
                <div class="title">{{ article.title }}</div>
                <div class="desc">{{ article.summary }}</div>
            </div>
        </router-link>
    </div>
</template>

<script>
export default {
    props: ["article"],
    setup() {},
};
</script>

<style scoped></style>
